@import "../../common/css/dsCommonForRem";
@import "../../common/css/flex";
html,body {
  background-color: @sc10!important;
  width: 100%;
}
body *{
  max-height:999999px;
  font-size: 0.40rem;
}
body::-webkit-scrollbar{width:0px}
.topContent {
  margin-top: 1rem;
  .leftContent {
    width: 2.2rem;
    height: 2.5rem;
    float: left;
    .img1 {
      margin: 0.2rem;
      margin-right: 0;
      display: block;
      float: left;
      width: 1.8rem;
      height: 1.8rem;
      border-radius: 0.9rem;
    }
    .statusImg {
      margin-top: 2.1rem;
      margin-left: 0.45rem;
      display: block;
      height: 0.5rem;
      width:1.2rem;
      img {
        display: block;
        float: left;
        margin-left: 0.1rem;
        width: 0.3rem;
        height: 0.3rem;
      }
    }
  }

  span {
    font-size: 0.3rem;
    display: inline-block;
    float: left;
    white-space: nowrap;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: left;
    overflow:hidden;
    text-overflow: ellipsis;
  }
  i {
    font-size: 0.3rem;
    display: inline-block;
  }
  .rightContent {
    width: 4.9rem;
    float: left;
    .row1, .row2 {
      display: block;
      float: left;
      width: 5.1rem;
      min-height: 0.5rem;
      max-height: 1rem;
      margin-top: 0.1rem;
      font-size: 0.3rem;

    }
    .row1 {
      span {
        margin-left: 0.2rem;
        width:2.2rem;
      }
    }
    .row2 {
      &:first-child {
        margin-top: 0.2rem;
      }
      margin-left: 0.2rem;
      span {
        display: block;
        width:4.8rem;
        line-height: 0.5rem;
        white-space: normal;
        height: auto;
      }
    }
    .divider {
      display: block;
      float: left;
      width: 7.5rem;
      height: 0.1rem;
      background-color: #eeeeee;
    }
  }
}
.picContent {
  display: inline-block;
  margin-top: 0.1rem;
  p {
    font-size: 0;
    display: inline-block;
    float: left;
    margin-left: 0.13rem;
    width: 2.3rem;
    height: 1.9rem;
    &:first-of-type {
      margin-left: 0;
    }
  }
  img {
    width: 100%;
    height: 100%;
  }
  .picCC {
    border-radius: 0.2rem;
  }
  .commentClass {
    img {
      width: 1.6rem;
      height: 1.6rem;
      border-radius: 0.8rem;
      display: block;
      float: left;
      margin: 0.2rem;
    }
    .rightCom {
      width: 5rem;
      float: left;
      display: block;
      .commentRow1 {
        span {
          display: inline-block;
          margin-top: 0.3rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow:ellipsis;
          &:first-child {
            width: 3rem;
            float: left;
          }
          &:last-child {
            width: 2rem;
            float: right;
            text-align: right;
          }
        }
      }
      .commentRow2 {
        span {
          width: 100%;
          //text-indent: 0.2rem;
          display: inline-block;
          float: left;
          text-align: left;
          margin-top: 0.2rem;
        }
      }

    }
    .dividerCom {
      display: block;
      float: left;
      width: 7.5rem;
      height: 0.05rem;
      background-color: #eeeeee;
    }
  }
}
